@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;/* 下掉超链接的下划线 */
	list-style: none;/* 下掉无序列表前的点 */
	font-family: 微软雅黑,sans-serif;
	font-size: 15px;
}
/* 1.面包屑导航切片 */
nav{
	width: 100%;
	height: 104px;
	border: 1px solid red;
}
/* 2.网页中控：显示主体内容，主体、页尾中控 */
div#nav_wrapper{
	width: 1248px;
	height: 104px;
	back ground-color: #aaffff;
	margin: 0 auto;
}
/* 3.1网页中控区：足球图片：大小 导航数据：布局：浮动、设置宽高 垂直居中 左右空间  */
div#nav_wrapper div.nav_left img.mi{
	width: 56px;
	height: 58px;
	back ground-color: #aaaaff;
	background-size: 100% 100%;
	margin-top: 23px;
	float: left;
}
/* 3.2网页中控区：欧洲图片：大小 导航数据：布局：浮动、设置宽高 垂直居中 左右空间 */
div#nav_wrapper div.nav_left img.qiu{S
	width: 162px;
	height: 58px;
	back ground-color: #aaaaff;
	background-size: 100% 100%;
	margin-top: 23px;
	float: left;
}
/* 4.网页中控区：左侧导航区域:ul*/
div#nav_wrapper div.nav_left ul{
	width: 510px;
	height: 58px;
	back ground-color: #ffaa7f;
	float: left;
	margin-top: 23px;
	margin-left: 26px;
}
/* 4.1左侧部分：li 导航数据：布局：浮动、设置高 */
div#nav_wrapper div.nav_left ul li{
	float: left;
	height: 58px;
}
/* 4.2左侧部分：li a 垂直居中 左右空间 */
div#nav_wrapper div.nav_left ul li a{
	bor der: 1px solid red;
	line-height: 58px;
	padding: 0 8px;
	color: #000000;
}
/* 5.网页中控区：右侧区域 */
div#nav_wrapper div.nav_right{
	width: 302px;
	height: 54px;
	border: 1.5px solid #e0e0e0;
	back ground-color: #aa5500;
	float: right;
	margin-top: 23px;
}
/* 5.1右侧区域：外框 */
div#nav_wrapper div.nav_right div.waikuang{
	bor der: 1px solid #e0e0e0;
	width: 302px;
	height: 54px;
}
/* 5.2右侧区域：内框 */
div#nav_wrapper div.nav_right div.waikuang div.neikuang{
	border: 1px solid #e0e0e0;
	width: 250px;
	height: 54px;
}
/* 5.3右侧区域：span文字 布局：浮动、设置高 */
div#nav_wrapper div.nav_right div.neikuang span{
	float: right;
	height: 24px;
}
/* 5.3.1右侧区域：span文字 选中、垂直居中、左右空间、背景颜色、字体 */
div#nav_wrapper div.nav_right div.neikuang span{
	bor der: 1px solid red;
	line-height: 24px;
	padding: 0 8px;
	margin-top: 15px;
	margin-right: 12px;
	background-color: #eeeeee;
	color: #6d6d6d;
	font-size: 12px;
}
/* 5.4右侧区域：i 搜索图标框  布局：浮动、设置高*/
div#nav_wrapper div.nav_right div.waikuang i.sou{
	bor der: 1px solid #000000;
	width: 50px;
	height: 54px;
	float: right;
}
/* 5.4.1右侧区域：i精灵图 */
div#nav_wrapper div.nav_right div.waikuang i.sou{
	background: url(../img/search.png) no-repeat;
	position: relative;
	background-position: center;
	background-color: #fff;
}
/* 5.5去掉内框的三个边框，只留右边 */
div#nav_wrapper div.nav_right div.waikuang div.neikuang{
	border-top: none;
	border-left: none;
	border-bottom: none;
}
/* 5.6右侧区域：span 悬停效果 两个地方改：背景改
									  背景改同时字体改*/
div#nav_wrapper div.nav_right div.neikuang span:hover{
background-color: #ff6700;
color: #fff;
}
/* 5.7左侧区域：a悬停效果 */
div#nav_wrapper div.nav_left ul li a:hover{
	color: #ff6700;
}
/* section外边大框 */
se ction{
	width: 100%;
	height: 480px;
	border: 1px solid red;
}
/* section中控区 */
div#sec_wrapper{
	width: 1248px;
	height: 480px;
	back ground-color: #aaffff;
	margin: 0 auto;
}
/* 1.左栏框：article元素 宽高、左浮动*/
div#sec_wrapper article{
	width: 242px;
	height: 480px;
	bor der: 1px solid #aa00ff;
	background-color: #949494;
	float: left;
}
/* 左栏区效果 列表项：颜色、垂直居中、相对定位【钩点位】 */
div#sec_wrapper article ul.sidebar li{
	bor der: 1px solid red;
	color: #fff;
	height: 46px;
	line-height: 46px;
	text-align: center;
	text-align: left;
	padding-left: 32px;
	position: relative;/* 钩点位 */
}
/* 左栏上下灰色部分 */
div#sec_wrapper article ul.sidebar li.first{
	margin-top: 5px;
}
/* 2.鼠标移动左栏，产品区：悬停效果2个：左侧背景颜色改变
									   背景颜色改变的同时右侧图片出现*/
div#sec_wrapper article ul.sidebar li:hover{
	background-color: #fe8729;
}
/* 3.左栏弹出:使用绝对定位【钩子】 */
di v#sec_wrapper article ul.sidebar div.outer{
	position: absolute;
	width: 400px;
	height: 480px;
	border: 1px solid red;
	left: 490px;
	/* Jquery 切换 显示与隐藏 */
	display: block;
	/* 堆叠属性 */
	z-index: 999;
}
/* 4.伪类选择器 右侧 > */
div#sec_wrapper article ul.sidebar li:after{
	content: ">";
	position: absolute;
	color: #fff;
	font-size: 16px;
	right: 28px;
}
/* 轮播图区：figure */
/* 1.轮播图区：外框宽高、左浮 */
div#sec_wrapper figure{
	border: 1px solid red;
	width: 1001px;
	height: 480px;
	float: left;
}
/* 活动图：中控区 */
section#act_wrapper{
	width: 1248px;
	height: 236px;
	bor der: 1px solid red;
	margin: 0 auto;
	back ground-color: blue;
}
/* 1.四张图 浮动 li */
section#act_wrapper ul li{
	float: left;
}
/* 2.四张图空间 */
section#act_wrapper ul li{
	margin-top: 16px;
	margin-right: 22px;
}
/* 3.第四张图片 */
section#act_wrapper ul li:last-child{
	margin-right: 0;
}
/* 4.所有图片设置下阴影 */
section#act_wrapper ul li img:hover{
	filter: drop-shadow(0 0 10px #333);
}
/* 小米明星单品：中控区 */
section#star_wrapper{
	width: 1248px;
	height: 434px;
	bor der: 1px solid red;
	margin: 0 auto;
	back ground-color: #ffaaff;
}
/* 1.span区文字 边框、颜色、上浮、与顶部距离 */
section#star_wrapper span{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	float: left;
	margin-top: 7px;
}
/* 2.右侧ul li：边框、右浮、垂直居中 */
section#star_wrapper ul li{
	border: 1px solid #e0e0e0;
	width: 38px;
	height: 28px;
	float: right;
	margin: 0 auto;
	text-align: center;
	line-height: 28px;
	color: #000;
}
/* 2.1右侧ul li：去掉“>”的右边框 */
section#star_wrapper ul li.small{
	border-right: none;
}
/* 2.2右侧ul li悬浮效果 */
section#star_wrapper ul li:hover{
	background-color: #666666;
}
/* 3.五个商品区 */
/* dl区：浮动 */
section#star_wrapper dl{
	float: left;
	margin-left: 9.6px;
}
/* 3.1第1个商品区：定义列表dl:边框颜色、背景颜色、浮动 */
section#star_wrapper dl.one{
	border: 1px solid #fafafa;
	border-top-color: #fd7b09;
	width: 240px;
	height: 345px;
	margin-top: 64px;
	background-color: #fafafa;
	margin-left: -138px;
}
/* 3.1.2 dl dt img图片：居中、与顶部距离 */
section#star_wrapper dl.one dt{
	text-align: center;
	margin-top: 70px;
}
/* 3.2文字区 */
/* 3.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#star_wrapper dl.one dd.text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 60px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 3.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.one dd.text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 20px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 3.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.one dd.text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 16px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 4.第2个商品区：定义列表dl:边框颜色、背景颜色 */
section#star_wrapper dl.two{
	border: 1px solid #fafafa;
	border-top-color: #aaff00;
	width: 240px;
	height: 345px;
	margin-top: 64px;
	background-color: #fafafa;
}
/* 4.1 dl dt img图片：居中、与顶部距离 */
section#star_wrapper dl.two dt{
	text-align: center;
	margin-top: 47px;
}
/* 4.2文字区 */
/* 4.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#star_wrapper dl.two dd.two_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 40px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 4.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.two dd.two_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 20px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 4.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.two dd.two_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 16px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 5.第3个商品区：定义列表dl:边框颜色、背景颜色 */
section#star_wrapper dl.three{
	border: 1px solid #fafafa;
	border-top-color: #aaffff;
	width: 240px;
	height: 345px;
	margin-top: 64px;
	background-color: #fafafa;
}
/* 5.1 dl dt img图片：居中、与顶部距离 */
section#star_wrapper dl.three dt{
	text-align: center;
	margin-top: 100px;
}
/* 5.2文字区 */
/* 5.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#star_wrapper dl.three dd.three_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 90px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 5.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.three dd.three_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 20px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 5.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.three dd.three_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 16px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 6.第4个商品区：定义列表dl:边框颜色、背景颜色 */
section#star_wrapper dl.four{
	border: 1px solid #fafafa;
	border-top-color: #ffaa00;
	width: 240px;
	height: 345px;
	margin-top: 64px;
	background-color: #fafafa;
}
/* 6.1 dl dt img图片：居中、与顶部距离 */
section#star_wrapper dl.four dt{
	text-align: center;
	margin-top: 57px;
}
/* 6.2文字区 */
/* 6.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#star_wrapper dl.four dd.four_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 38px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 6.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.four dd.four_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 21px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 6.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.four dd.four_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 16px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 7.第5个商品区：定义列表dl:边框颜色、背景颜色 */
section#star_wrapper dl.five{
	border: 1px solid #fafafa;
	border-top-color: #55ffff;
	width: 240px;
	height: 345px;
	margin-top: 35px;
	background-color: #fafafa;
}
/* 7.1 dl dt img图片：居中、与顶部距离 */
section#star_wrapper dl.five dt{
	text-align: center;
	margin-top: 55px;
}
/* 7.2文字区 */
/* 7.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#star_wrapper dl.five dd.five_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 46px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 7.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.five dd.five_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 20px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 7.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#star_wrapper dl.five dd.five_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 20px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 展示区剩余部分外框 */
#all{
	width: 100%;
	height: 4392px;
	bor der: 1px solid red;
	background-color: #f5f5f5;
}
/* 智能硬件：中控区 */
div#all section#smart_wrapper{
	width: 1248px;
	height: 797px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 1.span区文字 边框、颜色、上浮、与顶部距离 */
section#smart_wrapper span{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	float: left;
	margin-top: 82px;
}
/* 2.右侧：ul li区域：边框、右浮、与顶部、左边距离 */
section#smart_wrapper ul li{
	bor der: 1px solid red;
	width: 115;
	height: 34px;
	float: right;
	margin-top: 82px;
	margin-left: 12px;
}
/* 2.1右侧ul li 文字区域：垂直居中、颜色*/
section#smart_wrapper ul li.all{
	line-height: 34px;
	text-align: center;
	color: #000;
}
/* 让子元素的绝对定位以ul为参考 */
section#smart_wrapper ul.long{
	position: relative;
}
/* 3.左侧图片:浮动、与顶部距离 */
section#smart_wrapper ul.long li.child{
	border: none;
	width: 240px;
	height: 626px;
	float: left;
	position: absolute;
	margin-top: 130px;
	margin-left: 0px;
}
/* 3.1左侧图片：文字span1：边框、位置、颜色、字体、垂直居中 */
section#smart_wrapper ul.long li.watch{
	border: none;
	width: 196px;
	height: 26px;
	float: left;
	margin-top: 190px;
	margin-left: 21px;
	position: absolute;
	line-height: 26px;
	text-align: center;
	font-size: 24px;
	color: #000;
}
/* 3.2左侧图片：文字span2：边框、位置、颜色、字体、垂直居中 */
section#smart_wrapper ul.long li.care{
	border: none;
	width: 210px;
	height: 18px;
	float: left;
	margin-top: 236px;
	margin-left: 14px;
	position: absolute;
	line-height: 18px;
	text-align: center;
	font-size: 16px;
	color: #000;
}
/* 3.3左侧图片：文字span3：边框、位置、颜色、字体、垂直居中 */
section#smart_wrapper ul.long li.price{
	border: none;
	width: 76px;
	height: 28px;
	float: left;
	margin-top: 296px;
	margin-left: 78px;
	position: absolute;
	line-height: 28px;
	text-align: center;
	font-size: 26px;
	color: #00a8ff;
}
/* 4.上面4个商品区 */
/* dl区：浮动、与顶部距离 */
section#smart_wrapper dl{
	bor der: 1px solid blue;
	float: left;
	margin-left: 159px;
	margin-top: 130px;
}
/* 与左侧第一个之间的边距 */
section#smart_wrapper dl.smart_two,section#smart_wrapper dl.smart_three,section#smart_wrapper dl.smart_four{
	margin-left: 14px;
}
/* 4.1第1个商品区：定义列表dl:边框颜色、背景颜色、浮动 */
section#smart_wrapper dl.smart_one{
	bor der: 1px solid red;
	width: 239px;
	height: 306px;
	background-color: #fff;
}
/* 4.1.2 dl dt img图片：居中、与顶部距离 */
section#smart_wrapper dl.smart_one dt{
	text-align: center;
	margin-top: 115px;
}
/* 4.2文字区 */
/* 4.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#smart_wrapper dl.smart_one dd.sm_one_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 41px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 4.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_one dd.sm_one_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 16px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 4.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_one dd.sm_one_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 20px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 5.1第2个商品区：定义列表dl:边框颜色、背景颜色、浮动 */
section#smart_wrapper dl.smart_two{
	bor der: 1px solid red;
	width: 239px;
	height: 306px;
	background-color: #fff;
}
/* 5.1.2 dl dt img图片：居中、与顶部距离 */
section#smart_wrapper dl.smart_two dt{
	text-align: center;
	margin-top: 28px;
}
/* 5.2文字区 */
/* 5.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#smart_wrapper dl.smart_two dd.sm_two_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 10px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 5.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_two dd.sm_two_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 16px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 5.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_two dd.sm_two_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 20px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 6.1第3个商品区：定义列表dl:边框颜色、背景颜色、浮动 */
section#smart_wrapper dl.smart_three{
	bor der: 1px solid red;
	width: 239px;
	height: 306px;
	background-color: #fff;
}
/* 6.1.2 dl dt img图片：居中、与顶部距离 */
section#smart_wrapper dl.smart_three dt{
	text-align: center;
	margin-top: 28px;
}
/* 6.2文字区 */
/* 6.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#smart_wrapper dl.smart_three dd.sm_three_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 10px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 6.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_three dd.sm_three_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 16px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 6.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_three dd.sm_three_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 20px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 7.1第4个商品区：定义列表dl:边框颜色、背景颜色、浮动 */
section#smart_wrapper dl.smart_four{
	bor der: 1px solid red;
	width: 238px;
	height: 306px;
	background-color: #fff;
	margin-top: 12px;
}
/* 7.1.2 dl dt img图片：居中、与顶部距离 */
section#smart_wrapper dl.smart_four dt{
	text-align: center;
	margin-top: 28px;
}
/* 7.2文字区 */
/* 7.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#smart_wrapper dl.smart_four dd.sm_four_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 10px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 7.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_four dd.sm_four_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 16px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 7.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_four dd.sm_four_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 20px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 8.下面4个商品区 */
/* dl区：浮动、与顶部距离 */
section#smart_wrapper dl.smart_five,section#smart_wrapper dl.smart_six,section#smart_wrapper dl.smart_seven,section#smart_wrapper dl.smart_eight{
	margin-top: 14px;
}
/* 与左侧第一个之间的边距 */
section#smart_wrapper dl.smart_six,section#smart_wrapper dl.smart_seven,section#smart_wrapper dl.smart_eight{
	margin-left: 14px;
}
/* 9.1第5个商品区：定义列表dl:边框颜色、背景颜色、浮动 */
section#smart_wrapper dl.smart_five{
	bor der: 1px solid red;
	width: 239px;
	height: 294px;
	background-color: #fff;
	margin-left: 250px;
}
/* 9.1.2 dl dt img图片：居中、与顶部距离 */
section#smart_wrapper dl.smart_five dt{
	text-align: center;
	margin-top: 22px;
}
/* 9.2文字区 */
/* 9.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#smart_wrapper dl.smart_five dd.sm_five_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 6px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 9.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_five dd.sm_five_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 16px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 7.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_five dd.sm_five_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 20px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 10.1第5个商品区：定义列表dl:边框颜色、背景颜色、浮动 */
section#smart_wrapper dl.smart_six{
	bor der: 1px solid red;
	width: 239px;
	height: 294px;
	background-color: #fff;
}
/* 10.1.2 dl dt img图片：居中、与顶部距离 */
section#smart_wrapper dl.smart_six dt{
	text-align: center;
	margin-top: 22px;
}
/* 10.2文字区 */
/* 10.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#smart_wrapper dl.smart_six dd.sm_six_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 6px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 10.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_six dd.sm_six_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 16px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 7.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_six dd.sm_six_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 20px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 11.1第5个商品区：定义列表dl:边框颜色、背景颜色、浮动 */
section#smart_wrapper dl.smart_seven{
	bor der: 1px solid red;
	width: 239px;
	height: 294px;
	background-color: #fff;
}
/* 11.1.2 dl dt img图片：居中、与顶部距离 */
section#smart_wrapper dl.smart_seven dt{
	text-align: center;
	margin-top: 40px;
}
/* 11.2文字区 */
/* 11.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#smart_wrapper dl.smart_seven dd.sm_seven_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 36px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 11.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_seven dd.sm_seven_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 19px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 11.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_seven dd.sm_seven_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 20px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 12.1第8个商品区：定义列表dl:边框颜色、背景颜色、浮动 */
section#smart_wrapper dl.smart_eight{
	bor der: 1px solid red;
	width: 239px;
	height: 294px;
	background-color: #fff;
	margin-top: 12px;
}
/* 12.1.2 dl dt img图片：居中、与顶部距离 */
section#smart_wrapper dl.smart_eight dt{
	text-align: center;
	margin-top: 22px;
}
/* 11.2文字区 */
/* 11.2.1第一行：边框、大小、垂直居中、颜色、与顶部距离 */
section#smart_wrapper dl.smart_eight dd.sm_eight_text1{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 4px;
	line-height: 17px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 11.2.2第二行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_eight dd.sm_eight_text2{
	bor der: 1px solid red;
	width: 240px;
	height: 15px;
	margin-top: 21px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	color: #b3b3b3;
}
/* 11.2.3第三行：边框、大小、与顶部距离、垂直居中、颜色 */
section#smart_wrapper dl.smart_eight dd.sm_eight_text3{
	bor der: 1px solid blue;
	width: 240px;
	height: 17px;
	margin-top: 20px;
	text-align: center;
	line-height: 17px;
	color: #ef7408;
	font-size: 13px;
}
/* 12.所有的dl加阴影 */
section#smart_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 13.dl移动时间 */
section#smart_wrapper dl{
	transition: all 0.8s ease;
}
/* 搭配：中控区 */
section#number_wrapper{
	width: 1248px;
	height: 714px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 1.span区文字 边框、颜色、上浮、与顶部距离 */
section#number_wrapper span{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	float: left;
}
/* 2.1右侧部分：li 导航数据：布局：浮动、设置高 */
section#number_wrapper ul li{
	float: right;
	height: 25px;
	margin-top: 5px;
}
/* 2.2右侧部分：li a 垂直居中 左右空间、字体 */
section#number_wrapper ul li a{
	bor der: 1px solid red;
	line-height: 25px;
	margin-left: 28px;
	color: #000000;
	font-size: 18px;
}
/* 2.3右侧部分：li a：悬浮效果：变色、下划线 */
section#number_wrapper ul li a:hover{
	color: #fe673f;
	text-decoration: underline;
}
/* 3.下面11个图片区：9个一样的，两个小的 */
/* 4.前9个 */
/* 5.第1个模块效果 */
section#number_wrapper dl.number_one{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 54px;
	float: left;
	margin-left: -47px;
}
/* 5.1上后4个 */
section#number_wrapper dl.number_two,section#number_wrapper dl.number_three,section#number_wrapper dl.number_four,section#number_wrapper dl.number_five{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 54px;
	float: left;
	margin-left: 12px;
}
/* 5.1.2上面后2个：与顶部距离 */
section#number_wrapper dl.number_four,section#number_wrapper dl.number_five{
	margin-top: 24px;
}
/* 6.下面4个模块效果 */
section#number_wrapper dl.number_six,section#number_wrapper dl.number_seven,section#number_wrapper dl.number_eight,section#number_wrapper dl.number_nine{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 16px;
	float: left;
}
/* 7.最后两个的大外框 */
section#number_wrapper div.last{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 16px;
	float: left;
	margin-left: 9.7px;
	background-color: #f5f5f5;
}
/* 7.最后两个边框、大小 */
section#number_wrapper dl.number_ten,section#number_wrapper dl.number_eleven{
	width: 240px;
	height: 148px;
	bor der: 1px solid red;
	text-align: center;
	float: left;
}
/* 9.最后一个边框：外边距 */
section#number_wrapper dl.number_eleven{
	margin-top: 9px;
}
/* 8.下面后四个与左侧距离 */
section#number_wrapper dl.number_seven,section#number_wrapper dl.number_eight,section#number_wrapper dl.number_nine{
	margin-left: 12px;
}
/* 10.第2、3、4、5、7、8、9、10、11背景颜色 */
section#number_wrapper dl.number_two,section#number_wrapper dl.number_three,section#number_wrapper dl.number_four,section#number_wrapper dl.number_five,section#number_wrapper dl.number_seven,section#number_wrapper dl.number_eight,section#number_wrapper dl.number_nine,section#number_wrapper dl.number_ten,section#number_wrapper dl.number_eleven{
	background-color: #fff;
}
/* 11.第1个图片：边框、铺满 */
section#number_wrapper dl.number_one dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 12.1第2个图片：边框、外边距 */
section#number_wrapper dl.number_two dt img{
	bor der: 1px solid red;
	margin-top: 47px;
}
/* 12.2.1第2个图片第一行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_two dd.num_two_text1{
	bor der: 1px solid blue;
	margin-top: 29px;
	font-size: 14px;
	color: #474747;
}
/* 12.2.2第2个图片第二行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_two dd.num_two_text2{
	bor der: 1px solid red;
	margin-top: 11px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 12.2.3第2个图片第三行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_two dd.num_two_text3{
	bor der: 1px solid blue;
	margin-top: 10px;
	color: #ef7408;
	font-size: 13px;
}
/* 13.第3个图片：边框、铺满 */
section#number_wrapper dl.number_three dt img{
	bor der: 1px solid red;
	margin-top: 47px;
}
/* 13.2.1第3个图片第一行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_three dd.num_three_text1{
	bor der: 1px solid blue;
	margin-top: 36px;
	font-size: 14px;
	color: #474747;
}
/* 13.2.2第3个图片第二行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_three dd.num_three_text2{
	bor der: 1px solid red;
	margin-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 13.2.3第3个图片第三行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_three dd.num_three_text3{
	bor der: 1px solid blue;
	margin-top: 10px;
	color: #ef7408;
	font-size: 13px;
}
/* 14.第4个图片：边框、铺满 */
section#number_wrapper dl.number_four dt img{
	bor der: 1px solid red;
	margin-top: 100px;
}
/* 14.2.1第4个图片第一行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_four dd.num_four_text1{
	bor der: 1px solid blue;
	margin-top: 83px;
	font-size: 14px;
	color: #474747;
}
/* 14.2.2第4个图片第二行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_four dd.num_four_text2{
	bor der: 1px solid red;
	margin-top: 13px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 14.2.3第4个图片第三行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_four dd.num_four_text3{
	bor der: 1px solid blue;
	margin-top: 11px;
	color: #ef7408;
	font-size: 13px;
}
/* 15.第5个图片：边框、铺满 */
section#number_wrapper dl.number_five dt img{
	bor der: 1px solid red;
	margin-top: 47px;
}
/* 15.2.1第5个图片第一行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_five dd.num_five_text1{
	bor der: 1px solid blue;
	margin-top: 29px;
	font-size: 14px;
	color: #474747;
}
/* 15.2.2第5个图片第二行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_five dd.num_five_text2{
	bor der: 1px solid red;
	margin-top: 13px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 15.2.3第5个图片第三行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_five dd.num_five_text3{
	bor der: 1px solid blue;
	margin-top: 12px;
	color: #ef7408;
	font-size: 13px;
}
/* 16.第6个图片：边框、铺满 */
section#number_wrapper dl.number_six dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 17.第7个图片：边框、铺满 */
section#number_wrapper dl.number_seven dt img{
	bor der: 1px solid red;
	margin-top: 47px;
}
/* 17.2.1第7个图片第一行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_seven dd.num_seven_text1{
	bor der: 1px solid blue;
	margin-top: 29px;
	font-size: 14px;
	color: #474747;
}
/* 17.2.2第7个图片第二行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_seven dd.num_seven_text2{
	bor der: 1px solid red;
	margin-top: 13px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 17.2.3第7个图片第三行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_seven dd.num_seven_text3{
	bor der: 1px solid blue;
	margin-top: 12px;
	color: #ef7408;
	font-size: 13px;
}
/* 18.第8个图片：边框、铺满 */
section#number_wrapper dl.number_eight dt img{
	bor der: 1px solid red;
	margin-top: 47px;
}
/* 16.2.1第8个图片第一行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_eight dd.num_eight_text1{
	bor der: 1px solid blue;
	margin-top: 36px;
	font-size: 14px;
	color: #474747;
}
/* 18.2.2第8个图片第二行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_eight dd.num_eight_text2{
	bor der: 1px solid red;
	margin-top: 13px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 18.2.3第8个图片第三行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_eight dd.num_eight_text3{
	bor der: 1px solid blue;
	margin-top: 12px;
	color: #ef7408;
	font-size: 13px;
}
/* 19.第9个图片：边框、铺满 */
section#number_wrapper dl.number_nine dt img{
	bor der: 1px solid red;
	margin-top: 47px;
}
/* 19.2.1第9个图片第一行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_nine dd.num_nine_text1{
	bor der: 1px solid blue;
	margin-top: 47px;
	font-size: 14px;
	color: #474747;
}
/* 19.2.2第9个图片第二行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_nine dd.num_nine_text2{
	bor der: 1px solid red;
	margin-top: 13px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 19.2.3第9个图片第三行文字：外边距、字体、颜色 */
section#number_wrapper dl.number_nine dd.num_nine_text3{
	bor der: 1px solid blue;
	margin-top: 13px;
	color: #ef7408;
	font-size: 13px;
}
/* 20.第10个图片：边框、铺满 */
section#number_wrapper dl.number_ten dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 21.第11个图片：边框、铺满 */
section#number_wrapper dl.number_eleven dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 22.前9个dl：悬浮效果 */
section#number_wrapper dl.number_one:hover,section#number_wrapper dl.number_two:hover,section#number_wrapper dl.number_three:hover,section#number_wrapper dl.number_four:hover,section#number_wrapper dl.number_five:hover,section#number_wrapper dl.number_six:hover,section#number_wrapper dl.number_seven:hover,section#number_wrapper dl.number_eight:hover,section#number_wrapper dl.number_nine:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 22.1dl移动时间 */
section#number_wrapper dl.number_one:hover,section#number_wrapper dl.number_two:hover,section#number_wrapper dl.number_three:hover,section#number_wrapper dl.number_four:hover,section#number_wrapper dl.number_five:hover,section#number_wrapper dl.number_six:hover,section#number_wrapper dl.number_seven:hover,section#number_wrapper dl.number_eight:hover,section#number_wrapper dl.number_nine:hover{
	transition: all 0.8s ease;
}
/* 23.最后两个：同时悬浮效果 */
section#number_wrapper div.last:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 23.1div移动时间 */
section#number_wrapper div.last:hover{
	transition: all 0.8s ease;
}
/* 周边：中控区 */
section#side_wrapper{
	width: 1248px;
	height: 718px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 1.span区文字 边框、颜色、上浮、与顶部距离 */
section#side_wrapper span{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	float: left;
}
/* 2.1右侧部分：li 导航数据：布局：浮动、设置高 */
section#side_wrapper ul li{
	float: right;
	height: 25px;
	margin-top: 5px;
}
/* 2.2右侧部分：li a 垂直居中 左右空间、字体 */
section#side_wrapper ul li a{
	bor der: 1px solid red;
	line-height: 25px;
	margin-left: 32px;
	color: #000000;
	font-size: 18px;
}
/* 2.3右侧部分：li a：悬浮效果：变色、下划线 */
section#side_wrapper ul li a:hover{
	color: #fe673f;
	text-decoration: underline;
}
/* 3.下面11个图片区：9个一样的，两个小的 */
/* 4.前9个 */
/* 5.第1个模块效果 */
section#side_wrapper dl.side_one{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 54px;
	float: left;
	margin-left: -47px;
}
/* 5.1上后4个 */
section#side_wrapper dl.side_two,section#side_wrapper dl.side_three,section#side_wrapper dl.side_four,section#side_wrapper dl.side_five{ 	
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 54px;
	float: left;
	margin-left: 12px;
}
/* 5.1.2上面后2个：与顶部距离 */
section#side_wrapper dl.side_four,section#side_wrapper dl.side_five{
	margin-top: 24px;
}
/* 6.下面4个模块效果 */
section#side_wrapper dl.side_six,section#side_wrapper dl.side_seven,section#side_wrapper dl.side_eight,section#side_wrapper dl.side_nine{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 16px;
	float: left;
}
/* 7.最后两个的大外框 */
section#side_wrapper div.side_last{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 16px;
	float: left;
	margin-left: 13px;
	background-color: #f5f5f5;
}
/* 7.最后两个边框、大小 */
section#side_wrapper dl.side_ten,section#side_wrapper dl.side_eleven{
	width: 240px;
	height: 148px;
	bor der: 1px solid red;
	text-align: center;
	float: left;
}
/* 9.最后一个边框：外边距 */
section#side_wrapper dl.side_eleven{
	margin-top: 9px;
}
/* 8.下面后四个与左侧距离 */
section#side_wrapper dl.side_seven,section#side_wrapper dl.side_eight,section#side_wrapper dl.side_nine{
	margin-left: 11.5px;
}
/* 10.第2、3、4、5、7、8、9、10、11背景颜色 */
section#side_wrapper dl.side_two,section#side_wrapper dl.side_three,section#side_wrapper dl.side_four,section#side_wrapper dl.side_five,section#side_wrapper dl.side_seven,section#side_wrapper dl.side_eight,section#side_wrapper dl.side_nine,section#side_wrapper dl.side_ten,section#side_wrapper dl.side_eleven{
	background-color: #fff;
}
/* 11.第1个图片：边框、铺满 */
section#side_wrapper dl.side_one dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 12.1第2个图片：边框、外边距 */
section#side_wrapper dl.side_two dt img{
	bor der: 1px solid red;
	margin-top: 40px;
}
/* 12.2.1第2个图片第一行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_two dd.side_two_text1{
	bor der: 1px solid blue;
	margin-top: 10px;
	font-size: 14px;
	color: #474747;
}
/* 12.2.2第2个图片第二行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_two dd.side_two_text2{
	bor der: 1px solid blue;
	margin-top: 10px;
	color: #ef7408;
	font-size: 13px;
}
/* 12.2.3第2个图片第三行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_two dd.side_two_text3{
	bor der: 1px solid red;
	margin-top: 11px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 13.1第3个图片：边框、外边距 */
section#side_wrapper dl.side_three dt img{
	bor der: 1px solid red;
	margin-top: 40px;
}
/* 13.2.1第3个图片第一行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_three dd.side_three_text1{
	bor der: 1px solid blue;
	margin-top: 10px;
	font-size: 14px;
	color: #474747;
}
/* 13.2.2第3个图片第二行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_three dd.side_three_text2{
	bor der: 1px solid blue;
	margin-top: 10.9px;
	color: #ef7408;
	font-size: 13px;
}
/* 13.2.3第3个图片第三行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_three dd.side_three_text3{
	bor der: 1px solid red;
	margin-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 14.第4个图片：边框、铺满 */
section#side_wrapper dl.side_four dt img{
	bor der: 1px solid red;
	margin-top: 40px;
}
/* 14.2.1第4个图片第一行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_four dd.side_four_text1{
	bor der: 1px solid blue;
	margin-top: 10px;
	font-size: 14px;
	color: #474747;
}
/* 14.2.2第4个图片第二行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_four dd.side_four_text2{
	bor der: 1px solid blue;
	margin-top: 10.9px;
	color: #ef7408;
	font-size: 13px;
}
/* 14.2.3第4个图片第三行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_four dd.side_four_text3{
	bor der: 1px solid red;
	margin-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 15.第5个图片：边框、铺满 */
section#side_wrapper dl.side_five dt img{
	bor der: 1px solid red;
	margin-top: 40px;
}
/* 15.2.1第5个图片第一行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_five dd.side_five_text1{
	bor der: 1px solid blue;
	margin-top: 10px;
	font-size: 14px;
	color: #474747;
}
/* 15.2.2第5个图片第二行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_five dd.side_five_text2{
	bor der: 1px solid blue;
	margin-top: 12px;
	color: #ef7408;
	font-size: 13px;
}
/* 15.2.3第5个图片第三行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_five dd.side_five_text3{
	bor der: 1px solid red;
	margin-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 16.第6个图片：边框、铺满 */
section#side_wrapper dl.side_six dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 17.第7个图片：边框、铺满 */
section#side_wrapper dl.side_seven dt img{
	bor der: 1px solid red;
	margin-top: 40px;
}
/* 17.2.1第7个图片第一行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_seven dd.side_seven_text1{
	bor der: 1px solid blue;
	margin-top: 10px;
	font-size: 14px;
	color: #474747;
}
/* 17.2.2第7个图片第二行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_seven dd.side_seven_text2{
	bor der: 1px solid blue;
	margin-top: 13px;
	color: #ef7408;
	font-size: 13px;
}
/* 17.2.3第7个图片第三行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_seven dd.side_seven_text3{
	bor der: 1px solid red;
	margin-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 18.第8个图片：边框、铺满 */
section#side_wrapper dl.side_eight dt img{
	bor der: 1px solid red;
	margin-top: 40px;
}
/* 18.2.1第8个图片第一行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_eight dd.side_eight_text1{
	bor der: 1px solid blue;
	margin-top: 10px;
	font-size: 14px;
	color: #474747;
}
/* 18.2.2第8个图片第二行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_eight dd.side_eight_text2{
	bor der: 1px solid blue;
	margin-top: 13px;
	color: #ef7408;
	font-size: 13px;
}
/* 18.2.3第8个图片第三行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_eight dd.side_eight_text3{
	bor der: 1px solid red;
	margin-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 19.第9个图片：边框、铺满 */
section#side_wrapper dl.side_nine dt img{
	bor der: 1px solid red;
	margin-top: 40px;
}
/* 19.2.1第9个图片第一行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_nine dd.side_nine_text1{
	bor der: 1px solid blue;
	margin-top: 10px;
	font-size: 14px;
	color: #474747;
}
/* 19.2.2第9个图片第二行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_nine dd.side_nine_text2{
	bor der: 1px solid blue;margin-top: 13.5px;
	color: #ef7408;
	font-size: 13px;
}
/* 19.2.3第9个图片第三行文字：外边距、字体、颜色 */
section#side_wrapper dl.side_nine dd.side_nine_text3{
	bor der: 1px solid red;
	margin-top: 12.5px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 20.第10个图片：边框、铺满 */
section#side_wrapper dl.side_ten dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 21.第11个图片：边框、铺满 */
section#side_wrapper dl.side_eleven dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 22.前9个dl：悬浮效果 */
section#side_wrapper dl.side_one:hover,section#side_wrapper dl.side_two:hover,section#side_wrapper dl.side_three:hover,section#side_wrapper dl.side_four:hover,section#side_wrapper dl.side_five:hover,section#side_wrapper dl.side_six:hover,section#side_wrapper dl.side_seven:hover,section#side_wrapper dl.side_eight:hover,section#side_wrapper dl.side_nine:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 22.1dl移动时间 */
section#side_wrapper dl.side_one:hover,section#side_wrapper dl.side_two:hover,section#side_wrapper dl.side_three:hover,section#side_wrapper dl.side_four:hover,section#side_wrapper dl.side_five:hover,section#side_wrapper dl.side_six:hover,section#side_wrapper dl.side_seven:hover,section#side_wrapper dl.side_eight:hover,section#side_wrapper dl.side_nine:hover{
	transition: all 0.8s ease;
}
/* 23.最后两个：同时悬浮效果 */
section#side_wrapper div.side_last:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 23.1div移动时间 */
section#side_wrapper div.side_last:hover{
	transition: all 0.8s ease;
}
/* 配件：中控区 */
section#part_wrapper{
	width: 1248px;
	height: 714px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 1.span区文字 边框、颜色、上浮、与顶部距离 */
section#part_wrapper span{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	float: left;
}
/* 2.1右侧部分：li 导航数据：布局：浮动、设置高 */
section#part_wrapper ul li{
	float: right;
	height: 25px;
	margin-top: 5px;
}
/* 2.2右侧部分：li a 垂直居中 左右空间、字体 */
section#part_wrapper ul li a{
	bor der: 1px solid red;
	line-height: 25px;
	margin-left: 32px;
	color: #000000;
	font-size: 18px;
}
/* 2.3右侧部分：li a：悬浮效果：变色、下划线 */
section#part_wrapper ul li:hover a{
	color: #fe673f;
	text-decoration: underline;
}
/* 3.下面11个图片区：9个一样的，两个小的 */
/* 4.前9个 */
/* 5.第1个模块效果 */
section#part_wrapper dl.part_one{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 54px;
	float: left;
	margin-left: -47px;
}
/* 5.1上后4个 */
section#part_wrapper dl.part_two,section#part_wrapper dl.part_three,section#part_wrapper dl.part_four,section#part_wrapper dl.part_five{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 54px;
	float: left;
	margin-left: 12px;
}
/* 5.1.2上面后2个：与顶部距离 */
section#part_wrapper dl.part_four,section#part_wrapper dl.part_five{
	margin-top: 24px;
}
/* 6.下面4个模块效果 */
section#part_wrapper dl.part_six,section#part_wrapper dl.part_seven,section#part_wrapper dl.part_eight,section#part_wrapper dl.part_nine{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 16px;
	float: left;
}
/* 7.最后两个的大外框 */
section#part_wrapper div.part_last{
	width: 240px;
	height: 307px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 16px;
	float: left;
	margin-left: 10px;
	background-color: #f5f5f5;
}
/* 7.最后两个边框、大小 */
section#part_wrapper dl.part_ten,section#part_wrapper dl.part_eleven{
	width: 240px;
	height: 148px;
	bor der: 1px solid red;
	text-align: center;
	float: left;
}
/* 9.最后一个边框：外边距 */
section#part_wrapper dl.part_eleven{
	margin-top: 9px;
}
/* 8.下面后四个与左侧距离 */
section#part_wrapper dl.part_seven,section#part_wrapper dl.part_eight,section#part_wrapper dl.part_nine{
	margin-left: 12px;
}
/* 10.第2、3、4、5、7、8、9、10、11背景颜色 */
section#part_wrapper dl.part_two,section#part_wrapper dl.part_three,section#part_wrapper dl.part_four,section#part_wrapper dl.part_five,section#part_wrapper dl.part_seven,section#part_wrapper dl.part_eight,section#part_wrapper dl.part_nine,section#part_wrapper dl.part_ten,section#part_wrapper dl.part_eleven{
	background-color: #fff;
}
/* 11.第1个图片：边框、铺满 */
section#part_wrapper dl.part_one dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 12.1第2个图片：边框、外边距 */
section#part_wrapper dl.part_two dt img{
	bor der: 1px solid red;
	margin-top: 50px;
}
/* 12.2.1第2个图片第一行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_two dd.part_two_text1{
	bor der: 1px solid blue;
	margin-top: 26px;
	font-size: 14px;
	color: #474747;
}
/* 12.2.2第2个图片第二行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_two dd.part_two_text2{
	bor der: 1px solid blue;
	margin-top: 8px;
	color: #ef7408;
	font-size: 13px;
}
/* 12.2.3第2个图片第三行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_two dd.part_two_text3{
	bor der: 1px solid red;
	margin-top: 13px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 13.1第3个图片：边框、外边距 */
section#part_wrapper dl.part_three dt img{
	bor der: 1px solid red;
	margin-top: 52px;
}
/* 13.2.1第3个图片第一行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_three dd.part_three_text1{
	bor der: 1px solid blue;
	margin-top: 18px;
	font-size: 14px;
	color: #474747;
}
/* 13.2.2第3个图片第二行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_three dd.part_three_text2{
	bor der: 1px solid blue;
	margin-top: 10px;
	color: #ef7408;
	font-size: 13px;
}
/* 13.2.3第3个图片第三行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_three dd.part_three_text3{
	bor der: 1px solid red;
	margin-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 14.第4个图片：边框、铺满 */
section#part_wrapper dl.part_four dt img{
	bor der: 1px solid red;
	margin-top: 52px;
}
/* 14.2.1第4个图片第一行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_four dd.part_four_text1{
	bor der: 1px solid blue;
	margin-top: 18px;
	font-size: 14px;
	color: #474747;
}
/* 14.2.2第4个图片第二行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_four dd.part_four_text2{
	bor der: 1px solid blue;
	margin-top: 10px;
	color: #ef7408;
	font-size: 13px;
}
/* 14.2.3第4个图片第三行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_four dd.part_four_text3{
	bor der: 1px solid red;
	margin-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 15.第5个图片：边框、铺满 */
section#part_wrapper dl.part_five dt img{
	bor der: 1px solid red;
	margin-top: 52px;
}
/* 15.2.1第5个图片第一行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_five dd.part_five_text1{
	bor der: 1px solid blue;
	margin-top: 18px;
	font-size: 14px;
	color: #474747;
}
/* 15.2.2第5个图片第二行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_five dd.part_five_text2{
	bor der: 1px solid blue;
	margin-top: 10px;
	color: #ef7408;
	font-size: 13px;
}
/* 15.2.3第5个图片第三行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_five dd.part_five_text3{
	bor der: 1px solid red;
	margin-top: 12px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 16.第6个图片：边框、铺满 */
section#part_wrapper dl.part_six dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 17.第7个图片：边框、铺满 */
section#part_wrapper dl.part_seven dt img{
	bor der: 1px solid red;
	margin-top: 50px;
}
/* 17.2.1第7个图片第一行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_seven dd.part_seven_text1{
	bor der: 1px solid blue;
	margin-top: 14px;
	font-size: 14px;
	color: #474747;
}
/* 17.2.2第7个图片第二行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_seven dd.part_seven_text2{
	bor der: 1px solid blue;
	margin-top: 9.9px;
	color: #ef7408;
	font-size: 13px;
}
/* 17.2.3第7个图片第三行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_seven dd.part_seven_text3{
	bor der: 1px solid red;
	margin-top: 14px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 18.第8个图片：边框、铺满 */
section#part_wrapper dl.part_eight dt img{
	bor der: 1px solid red;
	margin-top: 50px;
}
/* 18.2.1第8个图片第一行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_eight dd.part_eight_text1{
	bor der: 1px solid blue;
	margin-top: 14px;
	font-size: 14px;
	color: #474747;
}
/* 18.2.2第8个图片第二行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_eight dd.part_eight_text2{
	bor der: 1px solid blue;
	margin-top: 9.9px;
	color: #ef7408;
	font-size: 13px;
}
/* 18.2.3第8个图片第三行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_eight dd.part_eight_text3{
	bor der: 1px solid red;
	margin-top: 14px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 19.第9个图片：边框、铺满 */
section#part_wrapper dl.part_nine dt img{
	bor der: 1px solid red;
	margin-top: 50px;
}
/* 19.2.1第9个图片第一行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_nine dd.part_nine_text1{
	bor der: 1px solid blue;
	margin-top: 14px;
	font-size: 14px;
	color: #474747;
}
/* 19.2.2第9个图片第二行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_nine dd.part_nine_text2{
	bor der: 1px solid blue;
	margin-top: 9.9px;
	color: #ef7408;
	font-size: 13px;
}
/* 19.2.3第9个图片第三行文字：外边距、字体、颜色 */
section#part_wrapper dl.part_nine dd.part_nine_text3{
	bor der: 1px solid red;
	margin-top: 14px;
	font-size: 13px;
	color: #b3b3b3;
}
/* 20.第10个图片：边框、铺满 */
section#part_wrapper dl.part_ten dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 21.第11个图片：边框、铺满 */
section#part_wrapper dl.part_eleven dt img{
	bor der: 1px solid red;
	width: 100%;
	height: 100%;
}
/* 22.前9个dl：悬浮效果 */
section#part_wrapper dl.part_one:hover,section#part_wrapper dl.part_two:hover,section#part_wrapper dl.part_three:hover,section#part_wrapper dl.part_four:hover,section#part_wrapper dl.part_five:hover,section#part_wrapper dl.part_six:hover,section#part_wrapper dl.part_seven:hover,section#part_wrapper dl.part_eight:hover,section#part_wrapper dl.part_nine:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 22.1dl移动时间 */
section#part_wrapper dl.part_one:hover,section#part_wrapper dl.part_two:hover,section#part_wrapper dl.part_three:hover,section#part_wrapper dl.part_four:hover,section#part_wrapper dl.part_five:hover,section#part_wrapper dl.part_six:hover,section#part_wrapper dl.part_seven:hover,section#part_wrapper dl.part_eight:hover,section#part_wrapper dl.part_nine:hover{
	transition: all 0.8s ease;
}
/* 23.最后两个：同时悬浮效果 */
section#part_wrapper div.part_last:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 23.1div移动时间 */
section#part_wrapper div.part_last:hover{
	transition: all 0.8s ease;
}
/* 热评产品：中控区 */
section#hot_wrapper{
	width: 1248px;
	height: 516px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 1.span区文字 边框、颜色、上浮、与顶部距离 */
section#hot_wrapper span{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	float: left;
}
/* 2.四个外边框：大小、背景颜色 */
section#hot_wrapper dl{
	width: 302px;
	height: 426px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 48px;
	float: left;
	background-color: #fff;
}
/* 2.1第一个外框：位置 */
section#hot_wrapper dl.hot_one{
	margin-left: -93px;
}
/* 2.2其余三个外框：位置 */
section#hot_wrapper dl.hot_two,section#hot_wrapper dl.hot_three,section#hot_wrapper dl.hot_four{
	margin-left: 13.5px;
}
/* 3.1每一个图片区：外框、高度 */
section#hot_wrapper dl.hot_one dt,section#hot_wrapper dl.hot_two dt,section#hot_wrapper dl.hot_three dt,section#hot_wrapper dl.hot_four dt{
	bor der: 1px solid blue;
	width: 302px;
	height: 213px;
}
/* 3.2每一个图片区：铺满 */
section#hot_wrapper dl.hot_one dt img,section#hot_wrapper dl.hot_two dt img,section#hot_wrapper dl.hot_three dt img,section#hot_wrapper dl.hot_four dt img{
	width: 100%;
	height: 100%;
}
/* 4.1每一个图片第1部分文字：边框、位置、颜色、字体大小 */
section#hot_wrapper dl.hot_one dd.hot_one_text1,section#hot_wrapper dl.hot_two dd.hot_two_text1,section#hot_wrapper dl.hot_three dd.hot_three_text1,section#hot_wrapper dl.hot_four dd.hot_four_text1{
	bor der: 1px solid blue;
	width: 244px;
	height: 60px;
	tex t-align: left;
	margin: 0 auto;
	margin-top: 39px;
	color: #474747;
	font-size: 14px;
}
/* 4.2每一个图片第2部分文字：边框、位置、颜色、字体大小 */
section#hot_wrapper dl.hot_one dd.hot_one_text2,section#hot_wrapper dl.hot_two dd.hot_two_text2,section#hot_wrapper dl.hot_three dd.hot_three_text2,section#hot_wrapper dl.hot_four dd.hot_four_text2{
	bor der: 1px solid #55aa7f;
	width: 244px;
	height: 18px;
	te xt-align: left;
	margin: 0 auto;
	margin-top: 38px;
	color: #a3a3a3;
	font-size: 13px;
}
/* 4.3每一个图片第3部分文字：边框、颜色、字体大小、位置 */
section#hot_wrapper dl.hot_one dd.hot_one_text3,section#hot_wrapper dl.hot_two dd.hot_two_text3,section#hot_wrapper dl.hot_three dd.hot_three_text3,section#hot_wrapper dl.hot_four dd.hot_four_text3{
	border-right: 1px solid #424242;
	color: #474747;
	font-size: 14px;
	margin-left: 28px;
	margin-top: 18px;
	float: left;
	padding-right: 10px;
}
/* 4.4每一个图片第4部分文字：边框、颜色、字体大小、位置 */
section#hot_wrapper dl.hot_one dd.hot_one_text4,section#hot_wrapper dl.hot_two dd.hot_two_text4,section#hot_wrapper dl.hot_three dd.hot_three_text4,section#hot_wrapper dl.hot_four dd.hot_four_text4{
	bor der: 1px solid red;
	width: 58px;
	height: 18px;
	font-size: 14px;
	color: #ef7408;
	float: left;
	margin-top: 18px;
	margin-left: 11px;
}
/* 4.5每一个文字都要：text-align */
section#hot_wrapper dl dd{
	text-align: left;
}
/* 4.6每一个dl：下阴影、悬浮效果 */
section#hot_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 4.7移动时间 */
section#hot_wrapper dl:hover{
	transition: all 0.8s ease;
}	
/* 内容：中控区 */
section#content_wrapper{
	width: 1248px;
	height: 525px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 1.span区文字 边框、颜色、上浮、与顶部距离 */
section#content_wrapper span{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	float: left;
}
/* 2.四个外边框：大小、背景颜色 */
section#content_wrapper dl{
	width: 302px;
	height: 426px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 48px;
	float: left;
	background-color: #fff;
}
/* 2.1第一个外框：位置 */
section#content_wrapper dl.con_one{
	margin-left: -47px;
}
/* 2.2其余三个外框：位置 */
section#content_wrapper dl.con_two,section#content_wrapper dl.con_three,section#content_wrapper dl.con_four{
	margin-left: 13.6px;
}
/* 3.1每一个图片区：外框、高度 */
section#content_wrapper dl.con_one dt,section#content_wrapper dl.con_two dt,section#content_wrapper dl.con_three dt,section#content_wrapper dl.con_four dt{
	bor der: 1px solid blue;
	width: 302px;
	height: 213px;
	margin-top: 36px;
}
/* 3.1.2第二个图片：外边距 */
section#content_wrapper dl.con_two dt{
	margin-top: 16px;
}
/* 3.1.3第三、四个图片：外边距 */
section#content_wrapper dl.con_three dt,section#content_wrapper dl.con_four dt{
	margin-top: 44px;
}
/* 4.每一个文字区：边框宽度、位置：垂直居中 */
section#content_wrapper dl dd{
	text-align: center;
	margin: 0 auto;
	width: 198px;
}
/* 5.每一个图片第1部分文字：边框、位置、字体大小 */
section#content_wrapper dl.con_one dd.con_one_text1,section#content_wrapper dl.con_two dd.con_two_text1,section#content_wrapper dl.con_three dd.con_three_text1,section#content_wrapper dl.con_four dd.con_four_text1{
	bor der: 1px solid blue;
	font-size: 17px;
	margin-top: 50px;
}
/* 5.1.1第一个图片第一部分文字：颜色 */
section#content_wrapper dl.con_one dd.con_one_text1{
	color: #ffac13;
}
/*  5.1.2第二个图片第一部分文字：颜色 */
section#content_wrapper dl.con_two dd.con_two_text1{
	color: #83c44e;
}
/*  5.1.3第三个图片第一部分文字：颜色 */
section#content_wrapper dl.con_three dd.con_three_text1{
	color: #e53935;
}
/*  5.1.4第四个图片第一部分文字：颜色 */
section#content_wrapper dl.con_four dd.con_four_text1{
	color: #2196f3;
}
/* 6.每一个图片第2部分文字：边框、位置、字体大小、颜色 */
section#content_wrapper dl.con_one dd.con_one_text2,section#content_wrapper dl.con_two dd.con_two_text2,section#content_wrapper dl.con_three dd.con_three_text2,section#content_wrapper dl.con_four dd.con_four_text2{
	bor der: 1px solid red;
	margin-top: 24px;
	font-size: 20px;
	color: #000;
}
/* 7.每一个图片第3部分文字：边框、位置、字体大小、颜色 */
section#content_wrapper dl.con_one dd.con_one_text3,section#content_wrapper dl.con_two dd.con_two_text3,section#content_wrapper dl.con_three dd.con_three_text3,section#content_wrapper dl.con_four dd.con_four_text3{
	bor der: 1px solid red;
	margin-top: 11px;
	font-size: 12px;
	color: #b0b0b0;
}
/* 8.每一个图片第4部分文字：边框、位置、字体大小、颜色 */
section#content_wrapper dl.con_one dd.con_one_text4,section#content_wrapper dl.con_two dd.con_two_text4,section#content_wrapper dl.con_three dd.con_three_text4,section#content_wrapper dl.con_four dd.con_four_text4{
	bor der: 1px solid red;
	margin-top: 20px;
	font-size: 15px;
	color: #000;
}
/* 8.1第三、四图片的第4部分：外边距 */
section#content_wrapper dl.con_three dd.con_three_text4,section#content_wrapper dl.con_four dd.con_four_text4{
	margin-top: 37px;
}
/* 9.1拿掉每个区域：下、左、右边框 */
section#content_wrapper dl.con_one,section#content_wrapper dl.con_two,section#content_wrapper dl.con_three,section#content_wrapper dl.con_four{
	border-bottom: none;
	border-left: none;
	border-right: none;
}
/* 9.2.1第一个区域：上边框颜色 */
section#content_wrapper dl.con_one{
	border-top-color: #ffac13;
}
/* 9.2.2第二个区域：上边框颜色 */
section#content_wrapper dl.con_two{
	border-top-color: #83c44e;
}
/* 9.2.3第三个区域：上边框颜色 */
section#content_wrapper dl.con_three{
	border-top-color: #e53953;
}
/* 9.2.4第四个区域：上边框颜色 */
section#content_wrapper dl.con_four{
	border-top-color: #2196f3;
}
/* 9.3每一个dl：下阴影、悬浮效果 */
section#content_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 9.4移动时间 */
section#content_wrapper dl:hover{
	transition: all 0.8s ease;
}
/* 视频：中控区 */
section#video_wrapper{
	width: 1248px;
	height: 397px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 1.span区文字 边框、颜色、上浮、与顶部距离 */
section#video_wrapper span{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	float: left;
}
/* 2.右侧：ul li区域：边框、右浮、与顶部、左边距离 */
section#video_wrapper ul li{
	bo der: 1px solid red;
	width: 115;
	height: 34px;
	float: right;
	margin-left: 12px;
}
/* 2.1右侧ul li 文字区域：垂直居中、颜色*/
section#video_wrapper ul li.look{
	line-height: 34px;
	text-align: center;
	color: #000;
}
/* 2.2右侧ul li img区域：外边距 */
section#video_wrapper ul li.pho{
	margin-top: 5px;
}
/* 3.四个外边框：大小、背景颜色 */
section#video_wrapper dl{
	width: 302px;
	height: 297px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: 48px;
	float: left;
	background-color: #fff;
	position: relative;
}
/* 3.1第一个外框：位置 */
section#video_wrapper dl.vid_one{
	margin-left: -47px;
}
/* 3.2其余三个外框：位置 */
section#video_wrapper dl.vid_two,section#video_wrapper dl.vid_three,section#video_wrapper dl.vid_four{
	margin-left: 13.6px;
}
/* 3.3第四个外框：外边距 */
section#video_wrapper dl.vid_four{
	margin-top: 9px;
}
/* 4.1第一个图片区：外框、高度 */
section#video_wrapper dl dt{
	bor der: 1px solid blue;
	width: 302px;
	height: 184px;
	padding: 0;
	margin: 0;
}
/* 4.1第一个图片区：外框、高度 */
section#video_wrapper dl dt img{
	width: 100%;
	height: 100%;
}
/* 4.2第二个图片：精灵图：外框、高度、位置 */
section#video_wrapper dl ul li{
	bor der: 1px solid red;
	width: 43px;
	height: 29px;
	margin-top: 148px;
	margin-left: 20px;
	position: absolute;
	background: url(../img/video_play.png) no-repeat;
}
/* 5.每一个文字区：边框宽度、位置：垂直居中 */
section#video_wrapper dl dd{
	text-align: center;
	margin: 0 auto;
	width: 220px;
}
/* 6.每一个图片第1部分文字：边框、位置、字体大小、颜色 */
section#video_wrapper dl.vid_one dd.vid_one_text1,section#video_wrapper dl.vid_two dd.vid_two_text1,section#video_wrapper dl.vid_three dd.vid_three_text1,section#video_wrapper dl.vid_four dd.vid_four_text1{
	bor der: 1px solid blue;
	font-size: 15px;
	margin-top: 35px;
	color: #333;
}
/* 7.每一个图片第2部分文字：边框、位置、字体大小、颜色 */
section#video_wrapper dl.vid_one dd.vid_one_text2,section#video_wrapper dl.vid_two dd.vid_two_text2,section#video_wrapper dl.vid_three dd.vid_three_text2,section#video_wrapper dl.vid_four dd.vid_four_text2{
	bor der: 1px solid red;
	font-size: 12px;
	color: #b0b0b0;
	margin-top: 12px;
}
/* 8.1每一个dl：下阴影、悬浮效果 */
section#video_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
}
/* 8.2移动时间 */
section#video_wrapper dl:hover{
	transition: all 0.8s ease;
}
/* 8.4精灵图改变 */
section#video_wrapper dl:hover ul li.change{
	background: url(../img/video_play01.png) no-repeat;
}